<template>
	<view class="content">
		<view class="section-0">
			<view class="section-body">
				<view class="peoject-name">
					<view class="title">附件</view>
					<view class="name" >
						<view class="name-text">
							国家电网基建[2020]442号%28盖章%29国家电网基建[2020]442号%28盖章%2
						</view>
						<!-- <view class="action">
							<view class="iconfont icon-xiangyou1"></view>
						</view> -->
					</view>
				</view>
				<timeLine :list="list"></timeLine>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapGetters, mapActions} from 'vuex';
	import timeLine from '@/components/time_line/index.vue';
	export default {
		components: { timeLine },	
		data() {
			return {
				name: '',
				list: [
					{ title: 'name1', content: { type: 'text', value: 'content1'}},
					{ title: 'name12', content: { type: 'text', value: 'content12'}},
					{ title: 'name13', content: { type: 'text', value: 'content13'}},
					{ title: 'name14', content: { type: 'text', value: 'content14'}},
					{ title: 'name14', content: { type: 'text', value: 'content15'}},
					{ title: 'name15', content: { type: 'image', value: [
						{url: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbj-yuantu.fotomore.com%2Fcreative%2Fvcg%2Fnew%2FVCG211346369046.jpg%3FExpires%3D1643621488%26OSSAccessKeyId%3DLTAI2pb9T0vkLPEC%26Signature%3DmmAY3rFIBlPkCIkgbyos7hGfGmM%253D%26x-oss-process%3Dimage%252Fauto-orient%252C0%252Fsaveexif%252C1%252Fresize%252Cm_lfit%252Ch_1200%252Cw_1200%252Climit_1%252Fsharpen%252C100%252Fquality%252CQ_80%252Fwatermark%252Cg_se%252Cx_0%252Cy_0%252Cimage_d2F0ZXIvdmNnLXdhdGVyLTIwMDAucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLG1fbGZpdCxoXzE3MSx3XzE3MSxsaW1pdF8x%252F&refer=http%3A%2F%2Fbj-yuantu.fotomore.com&app=2002&size=f10000,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1645717275&t=ccfb260566501525fdf2fbe3de39226e"},
						{url: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbj-yuantu.fotomore.com%2Fcreative%2Fvcg%2Fnew%2FVCG211346369046.jpg%3FExpires%3D1643621488%26OSSAccessKeyId%3DLTAI2pb9T0vkLPEC%26Signature%3DmmAY3rFIBlPkCIkgbyos7hGfGmM%253D%26x-oss-process%3Dimage%252Fauto-orient%252C0%252Fsaveexif%252C1%252Fresize%252Cm_lfit%252Ch_1200%252Cw_1200%252Climit_1%252Fsharpen%252C100%252Fquality%252CQ_80%252Fwatermark%252Cg_se%252Cx_0%252Cy_0%252Cimage_d2F0ZXIvdmNnLXdhdGVyLTIwMDAucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLG1fbGZpdCxoXzE3MSx3XzE3MSxsaW1pdF8x%252F&refer=http%3A%2F%2Fbj-yuantu.fotomore.com&app=2002&size=f10000,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1645717275&t=ccfb260566501525fdf2fbe3de39226e"},
					]}},
					{ title: 'name2', content: { type: 'text', value: 'content21'}},
					{ title: 'name22', content: { type: 'text', value: 'content212'}},
					{ title: 'name23', content: { type: 'text', value: 'content213'}},
					{ title: 'name24', content: { type: 'text', value: 'content214'}},
				]
			};
		},
		methods:{
			go(item) {
				uni.navigateTo({
					url: '/pages/statistics/today/risk/info/detail/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		background-color: #fff;
	}
	.section-0{
		width: 100%;
		background-color: #3a5df5;
		.section-body{
			padding-top: 50rpx;
			.peoject-name{
				margin-bottom: 65rpx;
				width: 100%;
				height: 158rpx;
				background-color: #ffffff;
				border-radius: 35rpx;
				box-shadow: 0 0 20rpx 10rpx rgba(#bcbcb5, 0.17);
				.title{
					width: 533rpx;
					height: 50rpx;
					padding-top: 15rpx;
					line-height: 50rpx;
					border-bottom: solid 3rpx #f2f2f0;
					font-size: 26rpx;
					font-weight: normal;
					font-stretch: normal;
					letter-spacing: 0rpx;
					color: #8497ac;
					margin-left: 35rpx;
				}
				.name{
					box-sizing: border-box;
					padding: 0 35rpx;
					width: 100%;
					@include clear();
					.name-text{
						width: 520rpx;
						height: 80rpx;
						line-height: 80rpx;
						font-size: 26rpx;
						font-weight: normal;
						font-stretch: normal;
						letter-spacing: 0rpx;
						color: #0535d6;
						float: left;
						text-overflow: ellipsis;
						overflow: hidden;
						font-weight: bold;
						white-space: nowrap;
					}
					.action{
						width: calc(100% - 520rpx);
						text-align: right;
						float: left;
						height: 80rpx;
						line-height: 80rpx;
						.iconfont{
							font-size: 30rpx;
							color: #3b3c40;
						}
					}
					
				}
			}
			box-sizing: border-box;
			width: 100%;
			padding-left: 40rpx;
			padding-right: 40rpx;
			padding-bottom: 50rpx;
			background-color: #fff;
			background-size: cover;
			background-repeat: no-repeat;
			border-top-left-radius: 50rpx;
			border-top-right-radius: 50rpx;
		}
	}
</style>